<template>
    <div class="wrapper">
      <h2>{{about.title}}</h2>
      <span style="font-size: small;margin-left: 10px">
        {{about.updateTime ? about.updateTime : about.createTime}}
      </span>
      <el-divider></el-divider>
      <div class="content ql-editor" v-html="about.detail">
      </div>
    </div>
</template>

<script>

    import 'quill/dist/quill.core.css';
    import 'quill/dist/quill.snow.css';
    import 'quill/dist/quill.bubble.css';

    export default {
        name: "About",
        data(){
            return{
                about: {}
            }
        },
        methods: {
            getData(){
                this.getRequest('/getAbout').then(res=>{
                    if(res){
                        this.about=res;
                    }
                })
            }
        },
        mounted() {
            this.getData();
        }
    }
</script>

<style scoped>
  .wrapper{
    padding-left: 5%;
  }
  h2{
    text-align: center;
    padding: 20px 0;
  }
  .el-divider{
    margin-top: 8px;
  }
  .content{
    margin-top: 30px;
    font-size: large;
    line-height: 2em;
    min-height: 500px;
  }
</style>
